(최겸) 기술영업 아이템리스트 수정 및 개발 0520

1 files changed, 13 insertions, 0 deletions

diff --git a/app/[lng]/evcp/(evcp)/items-tech/layout.tsx b/app/[lng]/evcp/(evcp)/items-tech/layout.tsx
index 5eb88325..d375059b 100644
--- a/app/[lng]/evcp/(evcp)/items-tech/layout.tsx
+++ b/app/[lng]/evcp/(evcp)/items-tech/layout.tsx
@@ -1,6 +1,7 @@
 import * as React from "react"

 import { ItemTechContainer } from "@/components/items-tech/item-tech-container"

 import { Shell } from "@/components/shell"

+import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"

 

 // Layout 컴포넌트는 서버 컴포넌트입니다

 export default function ItemsShipLayout({

@@ -17,9 +18,21 @@ export default function ItemsShipLayout({
 

   return (

     <Shell className="gap-4">

+      <React.Suspense

+      fallback={

+        <DataTableSkeleton

+          columnCount={6}

+          searchableColumnCount={1}

+          filterableColumnCount={2}

+          cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]}

+          shrinkZero

+        />

+      }

+    >

       <ItemTechContainer itemTypes={itemTypes}>

         {children}

       </ItemTechContainer>

+    </React.Suspense>

     </Shell>

   )

 }